<template>
    <div>
        <div class="data_bodey">
      <div class="index_nav">
        <myheader current="fuwu"></myheader>
        <div
          style="opacity: 1;font-size: 26px;
            letter-spacing: 6px;
            text-align: center;"
          class="total_chose_pl abs t_title"
        >城市安保运营服务中心</div>
        <div class="index_tabs">
        <div class="inner mt30">
          <div class="user_left l_left" style=" margin-left: 0.6%">
            <!--<div class="user_left_nav"><img src="../images/left_nav.png"/></div>-->
            <div class="user_line1">
              <div class="user_line2">
                <div class="user_top_middle">
                  <table class="table table-bordered">
                    <tbody>
                      <tr>
                        <td>人员总数</td>
                        <td colspan="3">2003人</td>
                      </tr>
                      <tr>
                        <td>注册人数</td>
                        <td>1921人</td>
                        <td>未注册人数</td>
                        <td>82人</td>
                      </tr>
                      <!-- <tr>
                        <td>辅警总数</td>
                        <td>696人</td>
                        <td>网格员</td>
                        <td>342人</td>
                      </tr> -->
                      <tr>
                        <td>综合部</td>
                        <td>21人</td>
                        <td>市场部</td>
                        <td>5人</td>
                      </tr>
                      <tr>
                        <td>技防部</td>
                        <td>3人</td>
                        <td>财务室</td>
                        <td>3人</td>
                      </tr>
                      <tr>
                        <td>勤务部</td>
                        <td>1965人</td>
                        <td>综合部</td>
                        <td>7人</td>
                       
                      </tr>
                    </tbody>
                  </table>
                </div>
                <div class="user_left_top">
                  <div class="user_top_left l_left">
                    <div  style="height: 90%">
                        <Sex></Sex>
                    </div>
                    <p>工作人员性别占比</p>
                  </div>
                  <div class="user_top_left l_left">
                    <div  style="height: 90%">
                        <Education></Education>
                    </div>
                    <p>工作人员学历占比</p>
                  </div>
                  <div class="user_top_left l_left">
                    <div style="height:90%">
                        <Age></Age>
                    </div>
                    <p>工作人员年龄段占比</p>
                  </div>
                </div>
                <div class="user_top_middle">
                  <div  style="height: 90%">
                      <Station></Station>
                  </div>
                  <p>职务占比</p>
                </div>
              </div>
            </div>
          </div>
          <div class="user_left l_left" style=" margin-left: 0.6%">
            <!--<div class="manage_left_nav"><img src="../images/left_nav.png"/></div>-->
            <div class="user_line1">
              <div class="user_line2">
                <div class="user_top_middle l_left">
                  <div  style="height: 90%">
                      <Work></Work>
                  </div>
                  <p>上班考勤</p>
                </div>
                <div class="user_top_middle l_left">
                  <div  style="height: 90%">
                    <OffWork></OffWork>
                  </div>
                  <p>下班考勤</p>
                </div>
                <div class="user_top_middle l_left">
                  <div  style="height: 90%">
                     <Attence></Attence>
                  </div>
                  <p>签到日总览统计</p>
                </div>
              </div>
            </div>
          </div>
          <div class="user_left l_left" style=" margin-left: 0.6%">
            <!--<div class="manage_left_nav"><img src="../images/left_nav.png"/></div>-->
            <div class="user_line1">
              <div class="user_line2">
                <div class="user_top_middle">
                  <div style="height: 90%">
                    <Material></Material>
                  </div>
                  <p>物资领用类型占比</p>
                </div>
                <div class="user_top_middle">
                  <div style="height: 90%">
                     <MaDepart></MaDepart>
                  </div>
                  <p>物资领用部门占比</p>
                </div>
                <div class="user_top_middle">
                  <div style="height: 90%">
                    <CrowdFlow></CrowdFlow>
                  </div>
                  <p>人员流动曲线图</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      </div>
        </div>
    </div>
</template>

<script>
import myheader from "@/components/header";
import Sex from "@/pages/echarts/service/Sex";
import Education from "@/pages/echarts/service/Education";
import Age from "@/pages/echarts/service/Age";
import Station from "@/pages/echarts/service/Station";
import Work from "@/pages/echarts/service/Work";
import OffWork from "@/pages/echarts/service/OffWork";
import Attence from "@/pages/echarts/service/Attence";
import Material from "@/pages/echarts/service/Material";
import MaDepart from "@/pages/echarts/service/MaDepart";
import CrowdFlow from "@/pages/echarts/service/CrowdFlow";
export default {
  components: { myheader,Sex,Education,Age,Station,Work,OffWork,Attence,Material,MaDepart,CrowdFlow },
  props: {},
  data() {
    return {
      
    };
  },
  created: function() {
   
  },
  methods: {
  }
}
</script>
<style lang="scss">

</style>